<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>请假详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-touch-fullscreen" content="yes">
    <link rel="stylesheet" href="../../css/public.css">
    <link rel="stylesheet" href="../../css/index-shouye.css">
    <link rel="stylesheet" href="../../css/public-students.css">
    <script src="../../common/jquery-1.10.2.min.js"></script>
    <script src="../../common/common.js"></script>
</head>
<body>
<div class="index-nav">
    <div class="index-examination ">
        <ul>
            <li>
                <div class="index-examination-chl">
                    <span class="examination-color-fs">学生姓名</span> <br>
                    <span class="examination-color-el">电话：13376250246</span><br>
                    <span class="examination-color-el">身份证号：387287199073628376</span>
                </div>
                <div class="xs-box-pl">
                    <img class="cul" src="../../img/20160926124027_vxRkt.jpeg" alt="">
                    <img class="cul-t" src="../../img/icon_xsxq_woman.png" alt="">
                </div>
            </li>
        </ul>
    </div>
    <div class="list_curriculum record_curr">
        <ul class="intro_class_txt">
            <li>入住时间：2019-8-10</li>
            <li>班级：A班</li>
            <li>所属省份(地区班)：江苏</li>
            <li>学分：80</li>
            <li>宿舍：浙江校区东区宿舍3号楼306</li>
        </ul>
    </div>


    <div class="list_curriculum record_curr">
        <ul class="intro_class_txt">
            <li>申请类别：申请类别</li>
            <li>申请内容：此处根据申申请类型设置的自定义字段进行内容展示</li>
        </ul>
        <span class="intro_class_tit" style="font-size: 0.3rem">进程</span>
        <ul class="prosess_ul">
            <li class="prosess_cur">
                <em class='prosess_icon_left'></em>
                <span class="prosess_txt_center">发起申请</span>
                <span class="prosess_txt_right">2018-03-04</span>
            </li>
            <li>
                <em class='prosess_icon_left'></em>
                <span class="prosess_txt_center">班主任审核</span>
            </li>
            <li>
                <em class='prosess_icon_left'></em>
                <span class="prosess_txt_center">班主任审核</span>
            </li>
            <li>
                <em class='prosess_icon_left'></em>
                <span class="prosess_txt_center">班主任审核</span>
            </li>
        </ul>
    </div>

    <div class="chengji-box-el-t m5_box-el-t">
        <ul>
            <li class="chengji-box-el-li" style="border-right: 1px solid #eeeeee">
                <em class=""></em>
                通过
            </li>
            <li class="chengji-box-el-li" style="border-right: 1px solid #eeeeee">
                <em class=""></em>
                不通过
            </li>
        </ul>
    </div>
    <div class="tongzhineirong" style="margin-top:0.2rem">
        <textarea class="tongzhineirong-pp" name="" placeholder="请输入通知内容" id="" cols="30" rows="10"></textarea>
    </div>
    <div class="sx-zcsb-btn" style=" position: inherit;background:#fff;">
        <div class="btn">
            设置
        </div>
    </div>
</div>
<script type="text/javascript">
$(function(){
    var prosessLen = $('.prosess_cur').length;
    $('.prosess_cur').eq(prosessLen - 1).next().find('.prosess_icon_left').addClass('prosess_cur_em')


    $('.chengji-box-el-li').eq(0).find('em').addClass('sele_cur');
    $('.chengji-title-ul li').eq(0).find('span').addClass('cul');
    $(function(){
        $('body').on('click','.chengji-box-el-li',function(){
            $(this).find('em').addClass('sele_cur').parents('li').siblings().find('em').removeClass('sele_cur');
        });
        $('body').on('click','.chengji-title-ul li',function(){
            $(this).find('span').addClass('cul').parents('li').siblings().find('span').removeClass('cul');
        })
    });
})
</script>

</body>
</html>
